<template>
  <view class="content">
    <uni-simple-nav-bar>2222</uni-simple-nav-bar>
    <uni-search-bar
      @confirm="search"
      :focus="true"
      v-model="searchValue"
      @blur="blur"
      @focus="focus"
      @input="input"
      @cancel="cancel"
      @clear="clear"
      cancelButton="none"
    >
    </uni-search-bar>

    <hr />

    <div class="">
      <uni-tag text="标签" type="primary" circle size="small"></uni-tag>
      <uni-tag text="标签" type="info" circle size="mini"></uni-tag>
      <uni-tag text="标签" type="info" circle size="mini" inverted></uni-tag>
    </div>
    <button type="primary">11</button>
    <button type="primary" plain="true">按钮</button>
    <button type="primary" plain="true" loading>按钮</button>
    <button type="primary" loading>按钮</button>
    <div class="p-4">
      <uni-list>
        <uni-list-item showArrow title="列表文字" />
        <uni-list-item showArrow title="列表文字" rightText="右侧文字" />
      </uni-list>
    </div>
    <uni-data-form />
    <view class="flex justify-center">
      <text class="title text-primary">{{ title }}</text>
    </view>
    <uni-card>
      <text>
        这是一个基础卡片示例，内容较少，此示例展示了一个没有任何属性不带阴影的卡片。
      </text>
    </uni-card>
  </view>
</template>

<script>
export default {
  data() {
    return {
      searchValue: "Hello",
    };
  },
  onLoad() {},
  methods: {},
};
</script>

<style></style>
